<template>
    <div class="Shop">

        <header>
            <!-- <Header/> -->
        </header>
        <main>
            <Main1/>
            <Main2/>
        </main>
        <footer>
            <Bb/>
        </footer>
        <router-view></router-view>

    </div>
</template>

<script>
// import Header from "com/shop/header.vue"
import Main1 from "com/shop/main1.vue"
import Main2 from "com/shop/main2.vue"
export default {
    name: "Shop",
     components: {
       Main1,Main2
    },
}
</script>

<style scoped>
    *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    a{
        text-decoration: none;
        color: black;
    }
    ul,li,ol{
        list-style-type: none;
    }
</style>